<template>
  <div class="left-container">
    <h3>Left 组件----{{ countFromRight }}</h3>
    
    <!-- 父传子 -->
    <p>父组件传递过来的 msg 的值是:{{ msg }}</p>
    <p>父组件传递过来的 user 的值是:{{ user }}</p>
    
  </div>
</template>

<script>
import bus from '@/utils/eventBus.js'
export default {
  // 父传子
  props:['msg','user'],
  

  // 兄弟之间传递数据
  data () {
    return {
      countFromRight:0
    }
  },
  created(){
    // 接收方 调用bus.$on('事件名'，事件处理函数)  注册自定义事件
    bus.$on('share',val => { this.countFromRight = val})
  }
}
</script>

<style lang="less">
.left-container {
  padding: 0 20px 20px;
  background-color: orange;
  min-height: 250px;
  flex: 1;
}
</style>
